<template>
	  <view class="index_floor">
        <view class="floor_title">
          <image class="img1" :src="floorList.floor_title.image_src" mode="widthFix" />
        </view>
        <view class="floor_list">
					<navigator v-for="(item2,index2) in floorList.product_list" :key="name" url="{util.urlFormat(item2.navigator_url)}">
						<image class="image":src="item2.image_src" mode="{index2===0 ? 'widthFix' : 'scaleToFill'}"></image>
					</navigator>
        </view>
      </view>
</template>

<script>
  export default {
  	name:'Floor',
		props:['floorList'],
  	data(){
  		return {
  			
  		}
  	},
  }
</script>

<style lang="stylus">
	.index_floor
		.floor_title
			overflow: hidden;
			.img1
				float: left
				width: 100%
		.floor_list
			width: 100vw
			navigator
				float: left;
				display: flex;
				flex-wrap: wrap;
				image
					width: 33.33vw
			navigator:nth-last-child(-n+4)
				float: left
				width: 240rpx;
				height: 32vw;
				border-left: 10rpx solid #fff;
				image
					width: 100%
					height: 100%
			navigator:nth-child(2),
			navigator:nth-child(3),
			navigator:nth-child(4),
			navigator:nth-child(5)
				border-bottom: 10rpx solid #fff;
			navigator:nth-child(1)
				height: 66.5vw
</style>